<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
	
	
%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>首页-ichange</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script src="<%=path%>/common/js/jquery-1.7.1.min.js" type="text/javascript"></script>
	<link href="<%=path %>/skin/index_files/square.css" rel="stylesheet" type="text/css" />
	<link href="<%=path %>/public/mycss.css" rel="stylesheet" type="text/css" />
	<link type="text/css" href="<%=path %>/skin/index_files/wokaobox.css" rel="stylesheet" charset="utf-8" media="screen" />
	<script src="<%=path %>/skin/index_files/square.js" type="text/javascript"></script>
	<script src="<%=path %>/skin/index_files/slides.min.jquery.js" type="text/javascript"></script>
<style>
	.nav a {
		margin-bottom: 0px;
		margin-left: 30px;
		position: relative;
		height: 10px;
	}
</style>
	
<script type="text/javascript">
	$(function() {
		$('#square_index').isSquare();
		$("#schooladd").click(function() {
			$("#setschool").slideUp(1000);
			$("#search").slideDown(2000);
		});
		$("#search a").click(function() {
			$("#search").slideUp(1000);
			$("#setschool").slideDown(2000);
		});
	});
	
</script>

	</head>
	<body style="background: url(../skin/index_files/bg.png);">
		<img id="theImg2"
			style="position: fixed; width: 50px; height: auto; z-index: 2147483647; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; right: 20px; top: 50%; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; cursor: pointer; display: block; opacity: 0.5;"
			src="../public/arrow_blue2.png" title="到最底部"
			onclick="window.scrollTo(0,99999)">
		<img id="theImg"
			style="position: fixed; width: 50px; height: auto; z-index: 2147483647; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; right: 20px; top: 50%; margin-top: -25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; cursor: pointer; opacity: 0.5;"
			src="../public/arrow_blue.png" onclick="window.scrollTo(100,0)"
			title="到最顶部">
		<jsp:include page="/user/header.jsp"></jsp:include>
		
		<!--end header-->
		<div style="position: ; z-index: -1; display: ;" id="bodymain">
			<div class="content" style="padding-top: 50px;">
				<div class="search_wrap cf" style="margin-top: 50px;" id="setschool">
					<form action="http://www.duobei.com/search" method="get" id="search_form">
						<div style="background-color: ; width: 950px;">
							<div
								style="margin-bottom: 10px; margin-left: 0px;; width: 950px; background-color: ">
								<div class="search fr" style="float: right;">

									<input type="text" name="word" id="search_text"
										class="search_text fl" placeholder="搜索物品">
									<input type="submit" value=" " id="search_btn"
										class="search_btn fr">
								</div>
								<div
									style="margin-right: 30px; width: 610px; background-color: ; height: 40px; float: left; background-color: ">
									<p
										style="font: bolder 18px Microsoft YaHei; display: block; float: left; margin-right: 20px; margin-top: 5px;">
										请选择校区:
									</p>

									<div
										style="font: bolder 18px Microsoft YaHei; width: 70px; height: 25px; background-color: #00A7F2; float: right; text-align: center; border: 1px solid #d4d4d4; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding-top: 2px;">
										<a href="javascript:;" id="schooladd" style="color: #fff; text-decoration: none;">确定</a>
									</div>

									<select id="course_length" name="courseLength" class="fl"
										style="height: 30px; width: 80px;">
										<option value="60">
											福建省
										</option>
										<option value="120">

										</option>
										<option value="180">
											3小时
										</option>
										<option value="240">
											4小时
										</option>
									</select>
									<select id="course_length" name="courseLength" class="fl"
										style="margin-left: 20px; margin-right: 20px; height: 30px; width: 80px;">
										<option value="60">
											福州市
										</option>
										<option value="120">
											2小时
										</option>
										<option value="180">
											3小时
										</option>
										<option value="240">
											4小时
										</option>
									</select>
									<select id="course_length" name="courseLength" class="fl"
										style="width: 200px; height: 30px;">
										<option value="60">
											福建农林大学
										</option>
										<option value="120">
											2小时
										</option>
										<option value="180">
											3小时
										</option>
										<option value="240">
											4小时
										</option>
									</select>
								</div>
							</div>
						</div>
					</form>
				</div>
				<center style="margin-bottom: 70px; display: none;" id="search">
					<img src="../skin/index_files/logo.png" style="margin-bottom: 20px;"></img>
					<div style="height: 35px; width: 600px; background-color: ;">
						<input type="text"
							style="background: #ffffff; border: 1px solid #d4d4d4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font: bold 14px arial; height: 30.5px; width: 500px; margin-top: 5px;">
						<button style="margin-top: 0px; margin-left: 2px; background: url(../skin/index_files/but.png) 0 0 repeat-x; height: 32px; width: 90px; border: 1px solid #d4d4d4; padding-left: 2px;">
							搜索
						</button>
						<div style="margin-top: 30px; margin-bottom: 30px;">
							<a style="font: normal 12px arial; padding-top: 30px;">重新选择校区</a>
						</div>
					</div>


				</center>

				<!-- 这是头部导航的显示图层 -->
				<div class="gallery_wrap cf">
					
				</div>
				<!-- end gallery_wrap -->
				<!-- 这是头部导航的显示图层 -->

				<div class="online_courses" style="background-color: ; margin-bottom: 0px; display: ">

					<div class="sub_nav cf" style="background-color: ;">
						<h2 class="fl">
							<span>物品导航</span>
						</h2>
						<div class="tags fl">
							<a class="fl" href="">数码家电</a>
							<span class="fl">&nbsp;&nbsp;/&nbsp;&nbsp;</span>
							<a class="fl" href="">服饰</a>
							<span class="fl">&nbsp;&nbsp;/&nbsp;&nbsp;</span>
							<a class="fl" href="">文体</a>
							<span class="fl">&nbsp;&nbsp;/&nbsp;&nbsp;</span>
							<a class="fl" href="">家居</a>
							<span class="fl">&nbsp;&nbsp;/&nbsp;&nbsp;</span>
							<a class="fl" href="">其他</a>
						</div>
						<div class="fr">
							<a href="">更多最新上架物品&gt;</a>
						</div>
					</div>
					<div class="course_list cf" style="background-color: ;">
						<div style="width: 160px; height: 860px; background: url('../skin/index_files/tabnav.png') no-repeat; float: left; padding: 10px; margin-top: 30px; margin-left: 20px;">
							<s:iterator value="itemsType" var="parentType">
								<div class="nav">
									<p style="font: normal 18px Microsoft YaHei; display: block;">
										<a href="" style="color: #E69923;"><s:property value="#parentType.name" /></a>
									</p>
									<s:iterator value="#parentType.sonTypes" var="sonType">
										<a href=""><s:property value="#sonType.name"/></a><br>
									</s:iterator>
								</div>
							</s:iterator>
						</div>

						<div
							style="width: 970px; height: 900px; background-color: ; margin-top: 20px;">
							<div style="height: 30px; background-color: ; margin-left: 250px; font: bolder 18px Microsoft YaHei; display: block;">
								最新上架
							</div>
							<div
								style="background-color: #952C2B; height: 5px; width: 80px; margin-bottom: -6px; margin-left: 245px;"></div>
							<HR color="#fff">
							<s:iterator value="newProducts" var="product">
								<div class="course_item fl">
									<a class="course_img" href="<%=path %>/itemshowAction.action?productId=<s:property value="#product.id"/>" title="<s:property value="#product.title"/>">
										<img src="<%=path %>/upload/<s:property value="#product.cover.name"/>" width="192" height="128">
									</a>
									<h3 class="title">
										<a href="<%=path %>/itemshowAction.action?productId=<s:property value="#product.id"/>" title="<s:property value="#product.title"/>"><s:property value="#product.title"/></a>
									</h3>
									<div class="start_time">
										<p>
											<span title="<s:property value="#product.viewCount"/>次浏览">浏览:<s:property value="#product.viewCount"/></span>
											&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											<span title="<s:property value="#product.commentCount"/>条评论">评论:<s:property value="#product.commentCount"/></span>
										</p>
									</div>
								</div>
							</s:iterator>
						</div>
					</div>
				</div>

				<div class="test" style="height: 20px; width: 100%; border-radius: 5px; margin-top: -10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: ; -moz-box-shadow: 0 1px 2px rgba（0，0，0，0.5）; -webkit-box-shadow: 0 1px 2px rgba（0，0，0，0.5）; text-shadow: 0 -1px 1px rgba（0，0，0，0.25）; border-bottom: 1px solid rgba（0，0，0，0.25）;"></div>
				<!-- end online_courses -->
				<div class="playbacks" style="">
					<div class="sub_nav cf">
						<h2 class="fl">
							<span>热门商品</span>
						</h2>
						<div class="tags fl">
							<a class="fl" href="">数码家电</a>
							<span class="fl">&nbsp;&nbsp;/&nbsp;&nbsp;</span>
							<a class="fl" href="">服饰</a>
							<span class="fl">&nbsp;&nbsp;/&nbsp;&nbsp;</span>
							<a class="fl" href="">文体</a>
							<span class="fl">&nbsp;&nbsp;/&nbsp;&nbsp;</span>
							<a class="fl" href="">家居</a>
							<span class="fl">&nbsp;&nbsp;/&nbsp;&nbsp;</span>
							<a class="fl" href="">其他</a>
						</div>

						<div class="fr">
							<a href="">更多热门商品&gt;</a>
						</div>
					</div>

					<div id="playback_list" class="cf">

						<!-- 这是热门物品 -->
						<s:iterator value="hotProducts" var="hotproduct">
							<div class="playback_item fl first_column">
								<a class="course_img" href="<%=path %>/itemshowAction.action?productId=<s:property value="#hotproduct.id"/>" title="<s:property value="#hotproduct.title"/>" title="<s:property value="#hotproduct.title"/>">
									<img src="<%=path %>/upload/<s:property value="#hotproduct.cover.name"/>" width="192" height="128">
								</a>
								<h3 class="title">
									<a href="<%=path %>/itemshowAction.action?productId=<s:property value="#hotproduct.id"/>" title="<s:property value="#hotproduct.title"/>"><s:property value="#hotproduct.title"/></a>
								</h3>
								<p>
									<span class="play_count" title="<s:property value="#product.viewCount"/>次浏览"><s:property value="#product.viewCount"/></span>
									<span class="comment_count" title="<s:property value="#product.commentCount"/>条评论"><s:property value="#product.commentCount"/></span>
								</p>
							</div>
						</s:iterator>
						
						<!-- 这是热门物品 -->
					</div>
				</div>
				<!-- end playbacks -->
				<div class="darens">
					<div class="sub_nav">
						<h2>
							<span>达人榜</span>
						</h2>
					</div>
					
					<div class="daren_list cf">
						<!-- 这是达人榜的推荐 -->
						<s:iterator value="bigGunUsers" var="bgUser">
							<div class="daren_item fl first_column">
								<div class="daren_info clear">
									<a class="daren_avatar fl" href="<%=path %>/itemsProfileAction.action?userId=<s:property value="#bgUser.id"/>" title="<s:property value="#bgUser.name"/>">
										<img src="<%=path %>/<s:property value="#bgUser.photo"/>" width="70" height="70">
									</a>
									<a class="daren_name fl" href="<%=path %>/itemsProfileAction.action?userId=<s:property value="#bgUser.id"/>"><s:property value="#bgUser.name"/></a>
									<div class="student_count" title="<s:property value="#bgUser.fanCount"/>粉丝"><s:property value="#bgUser.fanCount"/></div>
									<p class="daren_intro fl" title="<s:property value="#bgUser.intro"/>"><s:property value="#bgUser.intro"/></p>
								</div>
							</div>
						</s:iterator>
						<!-- 
						<div class="daren_item fl first_column">
							<div class="daren_info clear">
								<a class="daren_avatar fl" href="" title="海涛戏说">
									<img src="../skin/index_files/f75c70e2a0714ead858f7189e3bfd4ad.jpg" width="70" height="70">
								</a>
								<a class="daren_name fl" href="">海涛戏说</a>
								<div class="student_count" title="80粉丝">80</div>
								<p class="daren_intro fl" title="小桃">小桃</p>
							</div>
						</div>
						 -->
						<!-- 这是达人榜的推荐 -->
					</div>
				</div>
				<!-- end daren -->
			</div>
			<!-- end content -->

		</div>
		<jsp:include page="/footer.jsp"></jsp:include>
		<!-- end #footer -->
	</body>
</html>